<%@page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<div id="usuariosFormDialog">
	<s:if test="usuario.idUsuario == null">
		<s:set name="title" value="%{'Agregar nuevo usuario'}" />
	</s:if>
	<s:else>
		<s:set name="title" value="%{'Actualizar usuario'}"/>
	</s:else>
	
	<script language="javascript">
	
		$(function() {
			$("#usuarioGuardar").validate({
				rules:{
						confirm : {
							equalTo: "#pasword"
						}
					}
				});

			
			$("#login").blur(function(){
				if($("#login").val().length>0){
					$("#btnGuardar").attr('disabled','true');
			    	$.getJSON("../datosjson/usuarioConsultarSiExiste", {"nombreLogin":$("#login").val()},
				      		function( data ) {
		      				if(data.existe==true){
		      					$("#login").next('div').show();  						      				
		      				}else{
		      					$('#btnGuardar').removeAttr('disabled');
		      					$("#login").next('div').hide();  						      				
		      				}
						});
				};	
			});
		});
	</script>
	
	<h2><s:property value="#title"/></h2>
	
	<s:actionerror />
	<s:actionmessage />
	<s:form action="usuarioGuardar" method="post">
		<s:hidden name="usuario.idUsuario"></s:hidden>
		<table>
		 	<tr>
				<td>Nombre Completo</td>
				<td><s:textfield name="usuario.nombreCompleto" theme="simple" cssClass="required" size="30" /></td>
			</tr>
			
			<tr>
				<td>Nombre de Usuario</td>
				<td><s:textfield name="usuario.nombre" cssClass="required" theme="simple" id="login" size="30" /><div style="display: none;" class="error">El usuario ya existe</div></td>
			</tr>
			
			<tr>
				<td>Contraseña</td>
				<td><s:password name="usuario.clave" id="pasword" cssClass="required" theme="simple"  size="30" /></td>
			</tr>
			<tr>
				<td>Confirmar Contraseña</td>
				<td><s:password name="confirm" theme="simple" size="30" /></td>
			</tr>
			<tr>
				<td></td>
				<td align="left"><s:submit theme="simple" value="Guardar" id="btnGuardar"></s:submit></td>
			</tr>
		</table>
	</s:form>
	
</div>